<template>
	<view :style="[$func.bg('bg.jpg')]" class="main_bg">
		<app-header title="帮助与支持"></app-header>
		<view class="textarea">
			<view class="title flex-c">如果您有任何问题，请在下方留言</view>
			<view class="area">
				<u--textarea v-model="consult_content" placeholder="请输入"></u--textarea>
			</view>
		</view>
		<view class="tel">工作人员联系方式：15229057001</view>
		<view class="btn flex-c" @click="onSubmit">确认</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				consult_content: ""
			}
		},
		methods: {
			onSubmit() {
				if (!this.consult_content) {
					uni.showToast({
						icon: "none",
						title: '请输入'
					})
					return
				}
				this.$http.post("/data/api.auth.User/addConsult", { consult_content: this.consult_content }).then(res => {
					this.consult_content = ""
					uni.showToast({
						icon: "none",
						title: '提交成功'
					})
				})

			}

		}
	}
</script>

<style scoped lang="scss">
	.textarea {
		width: 554rpx;
		height: 638rpx;
		background: rgba(255, 255, 255, 0.17);
		border: 4rpx solid #FFFFFF;
		opacity: 1;
		border-radius: 10rpx;
		margin: 64rpx auto;
		display: flex;
		flex-direction: column;

		.title {

			height: 102rpx;
			background: rgba(249, 233, 116, 0.39);
			opacity: 1;
			border-radius: 10rpx 10rpx 0px 0px;

		}

		.area {
			flex: 1;

			/deep/ .u-textarea {
				background-color: rgba(0, 0, 0, 0);
				border: none;

			}
		}
	}

	.tel {
		text-align: center;

	}

	.btn {
		width: 266rpx;
		height: 72rpx;
		background: rgba(255, 245, 117, 1);
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.05);
		opacity: 1;
		border-radius: 36rpx;

		font-size: 32rpx;

		color: #9B751C;
		margin: 100rpx auto 0;
	}
</style>